@import '../../common/styles/common.css';
.index-container {
  /*  flex 布局*/
  flex-direction: column;

  width: 100%;
  height: 100%;

/*  水平垂直居中*/
  align-items: flex-start;
  justify-content: flex-start;
}

.index-content {
  align-items: center;
  justify-content: center;

  flex-direction: column;
}

@media screen and (device-type: phone) {
  .btn {
    background-color: red;
    width: 520px;
    color: yellow;
    font-size: 20px;
    text-color: yellow;
  }
}

@media screen and (device-type: wearable) {
  .btn {
    background-color: red;
    width: 520px;
    color: yellow;
    font-size: 5px;
    text-color: yellow;
  }
}

  .list text {
  color: blue;
}

#id-txt {
  font-style: italic;
  color: greenyellow;
}

.info {
  flex-direction: column;
}

.info > text {
  color: blue;
}

.str1 text,
.str2 text {
  color: gray;
}